﻿@using AirlineBooking.Models.DTO;
@using AirlineBooking.Models;
@model List<DTOPassenger>
@{
    ViewBag.Title = "ViewReservation";
}

<div class="container">
			<div class="logo-light">
			</div>
			<div class="content">
				<form method="post" action="">
					<div class="pax-wrap">
                    @foreach (DTOPassenger item in Model)
                    {
                        <h1>Pessenger information <span>01</span></h1>
						<div class="pax-detail">
							<table>
								<tr>
									<td class="pax-index" rowspan="5">01</td>
									<td>
										<div>
											@item.Name
										</div>
										<div class="caption">First Name</div>
									</td>
									<td>
										<div>
											@item.Surname
										</div>
										<div class="caption">Last Name</div>
									</td>
									<td>
										<div>
											@item.DOB
										</div>
										<div class="caption">DOB</div>
									</td>
								</tr>
								<tr>
									<td>
										<div>
											Male
										</div>
										<div class="caption">Gender</div>
									</td>
									<td>
										<div>
											@item.DocumentNumber
										</div>
										<div class="caption">Passport</div>
									</td>
									<td>
										<div>
											Vietnam
										</div>
										<div class="caption">Nationality</div>
									</td>
								</tr>
								<tr>
									<td colspan="3">
										<div>
											@item.Address
										</div>
										<div class="caption">Resident address</div>
									</td>
								</tr>
								<tr>
									<td>
										<div>
											HCM City
										</div>
										<div class="caption">City</div>
									</td>
									<td>
										<div>
											HCM City
										</div>
										<div class="caption">State</div>
									</td>
									<td>
										<div>
											Vietnam
										</div>
										<div class="caption">Country</div>
									</td>
								</tr>
								<tr>
									<td colspan="2">
										<div>
											@item.Email
										</div>
										<div class="caption">Email</div>
									</td>
									<td>
										<div>
											@item.Phone
										</div>
										<div class="caption">Mobile</div>
									</td>
								</tr>
							</table>
						</div>					
                    }
                    </div>
					<div class="pull-right">
						<input type="submit" name="next" value="Next">
					</div>
				</form>
			</div>
		</div>
		<div class="bar">
			<h1>Summary</h1>
			<table>
				<tr>
					<td rowspan="2"> 
						<span class="month">Jan</span><br>
						<span class="date">23</span><br>
						<span>12:30</span>
					</td>
					<td>
						<div class="airport">
							<span class="airport-name">Changi, Singapore</span>
						</div>
						<div class="caption">Origin</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="airport">
							<span class="airport-name">Heathrow, London</span>
						</div>
						<div class="caption">Destination</div>
					</td>
				</tr>
			</table>
			<h5>Fare Details for Guests</h5>
			<table class="fares">
				<tr>
					<td>2 Guest(s)</td>
					<td>$158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Child(ren)</td>
					<td>$158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Infant(s)</td>
					<td>$158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr class="sub-total">
					<td>Subtotal</td>
					<td></td>
					<td class="right"><b>$4,431</b></td>
				</tr>
			</table>
			<br>
			<table>
				<tr>
					<td rowspan="2"> 
						<span class="month">Jan</span><br>
						<span class="date">23</span><br>
						<span>12:30</span>
					</td>
					<td>
						<div class="airport">
							<span class="airport-name">Changi, Singapore</span>
						</div>
						<div class="caption">Origin</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="airport">
							<span class="airport-name">Heathrow, London</span>
						</div>
						<div class="caption">Destination</div>
					</td>
				</tr>
			</table>
			<h5>Fare Details for Guests</h5>
			<table class="fares">
				<tr>
					<td>2 Guest(s)</td>
					<td>$158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Child(ren)</td>
					<td>$158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Infant(s)</td>
					<td>$158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr class="sub-total">
					<td>Subtotal</td>
					<td></td>
					<td class="right"><b>$4,431</b></td>
				</tr>
			</table>
			<div class="total">$9,942</div>
		</div>
